<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<!-- SEO -->
<meta name="description" content="">
<meta name="keywords" content="">
<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
<title>闫晓崇的简历</title>
<link rel="stylesheet" href="css/index.css" type="text/css"/>
<!-- <link rel="stylesheet" href="css/anim.css"type="text/css"/> -->
<script src="js/jquery.1.9.1.min.js" type="text/javascript"></script>

<!--[if lt IE 9]> 
<script src="js/IE9.js"></script>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

	<div class="header" id="header">
	    <div class="head_text fadeInScale">
			<h1>我的简历</h1>
			<h2>这是我的个人简历，希望可以给你提供满意的信息</h2>
			<button id="back_contact">Call me</button>
		</div>
	</div>

	
	<div class="nav" id="nav">
		<div class="nav_text fadeInLeft" id="nav_text">
			<ul>
				<li class="tops">主页<br>HOME</li>
				<li class="navbar" index="0">关于<br>ABOUT</li>
				<li class="navbar" index="1">技能<br>SKILLS</li>
				<li class="navbar" index="2">工作<br>JOB</li>
				<li class="navbar" index="3">教育<br>EDUCATION</li>
				<li class="navbar" index="4">作品<br>WORKS</li>
				<li class="navbar" index="5">联系<br>CONTACT</li>
			</ul>
		</div>
	</div>
	<div class="navfloat" id="navfloat">
		<div class="navfloat_text" id="navfloat_text">
			<ul>
				<li class="tops">主页<br>HOME</li>
				<li class="navbar2" index="0">关于<br>ABOUT</li>
				<li class="navbar2" index="1">技能<br>SKILLS</li>
				<li class="navbar2" index="2">工作<br>JOB</li>
				<li class="navbar2" index="3">教育<br>EDUCATION</li>
				<li class="navbar2" index="4">作品<br>WORKS</li>
				<li class="navbar2" index="5">联系<br>CONTACT</li>
			</ul>
		</div>
	</div>
	<div class="about_me item" id="about_me" name="hjc">
		<div class="about_left">
			<img class="fadeInScale-1-anim" src="images/photo.png" title="头像">
		</div>
		<div class="about_right">
		    <div class="about_right_text fadeInRight-anim">
				<h1 class="h1_height">关于 我</h1>
				<div class="hr4_wrapper"><div class="hr4"></div></div>
				<h2>闫晓崇</h2>
				<h3>Web前端工程师</h3>
				<ul class="about_mess">
					<li>年龄：26</li>
					<li>籍贯：河南</li>
					<li>民族：中国 汉族</li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<!-- <p>
					uisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac duiQuisque sit amet fermentum elit eget tincidunt.<br><br>
					                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit Aenean ultricies mi vitae placerat eleifend leo. 
				</p> -->
				<button>下载我的简历</button>
			</div>
		</div>
	</div>
	<div class="skills item" id="skills" name="hjc">
				<div class="skills_title">
					<h1 class="h1_height">技能与经验</h1>
					<div class="hr4"></div>
					<h2>掌握的技能和拥有的经验</h2>
				</div>
				<div class="skills_content">
				    <div class="skills_content_box">
						<ul>
							<li>								
								<h1>1、熟练使用Vue框架，熟悉前端自动化部署，MVVM模式，熟悉常用MUI、Mint-UI、EasyUI框架</h1>
								<span class="span-0 span-1"></span>
							</li>
							<li>							
								<h1>2、能够使用Webpack前端构建工具和Git版本控制工具</h1>	
								<span class="span-0 span-2"></span>						
							</li>
							<li>								
								<h1>3、了解Node.js、PHP和MYSQL</h1>
								<span class="span-0 span-3"></span>							
							</li>
							<li>	
							    <h1>4、熟悉移动端流式布局和响应式布局原理，熟练使用rem和媒体查询进行移动端开发</h1>								
							    <span class="span-0 span-4"></span>						
							</li>
							<li>								
								<h1>5、熟悉Ajax的原理，熟练使用Ajax，能够根据后端接口，利用模版引擎实现前台页面动态数据渲染</h1>
								<span class="span-0 span-5"></span>						
							</li>
							<li>								
								<h1>6、熟练使用原生JS进行BOM、DOM操作并实现页面交互，熟悉Less、Sass</h1>
								<span class="span-0 span-6"></span>						
							</li>
						</ul>
					</div>

				</div>
				<!-- <div class="skills_content">
				    <div class="skills_content_box">
						<ul>
							<li>
								<span>80%</span>
								<h1>PHOTOSHOP</h1>
								<p>熟悉基础操作</p>
							</li>
							<li>
								<span>60%</span>
								<h1>Illustrator</h1>
								<p>熟悉基础操作</p>
							</li>
							<li>
								<span>50%</span>
								<h1>FLASH</h1>
								<p>熟悉基础操作</p>
							</li>
						</ul>
					</div>
					
				</div> -->
	</div>
	<div class="works item" id="works" name="hjc">
		<div class="works_title">
			<h1 class="h1_height">工作经历</h1>
			<div class="hr4"></div>
			<h2>个人的一些工作情况</h2>
		</div>
		<div class="works_content">
			<div class="works_left">
			    <div class="works_time fadeInLeft-anim">
					<button class="btn1">2017.09</button><br>
					<button class="btn2">2016.10</button>
				</div>
				<div class="line_works"><span class="btn_works"></span></div>
				<div class="works_content_title fadeInRight-anim">
					<h1>深圳艾捷森</h1>
					<h2>web前端工程师</h2>
					<p>负责公司web端和移动端应用的前端开发</p>
				</div>
			</div>
			<div class="works_left">
			    <div class="works_time fadeInLeft-anim">
					<button class="btn1">2018.11</button><br>
					<button class="btn2">2017.10</button>
				</div>
				<div class="line_works"><span class="btn_works"></span></div>
				<div class="works_content_title fadeInRight-anim">
					<h1>深圳卓讯</h1>
					<h2>web前端工程师</h2>
					<p>主要负责移动端页面和后台管理系统页面开发,及后台交互功能,并负责后期项目的优化和维护；</p>
				</div>
			</div>
		</div>
	</div>

	<div class="edus item" id="edus" name="hjc">
		<div class="edus_title">
			<h1 class="h1_height">教育经历</h1>
			<div class="hr4"></div>
			<h2>高中、大学和培训等经历</h2>
		</div>
		<div class="edus_content">
			<div class="edus_left">
			    <div class="edus_time fadeInLeft-anim">
					<button class="edus_btn1">2011.08<br>2015.06</button>
				</div>
				<div class="line_edus"><span class="btn_edus"></span></div>
				<div class="edus_content_title fadeInRight-anim">
					<h1>大学：黄河科技学院</h1>
					<h2>专业：计算机科学与技术<br>学历：本科</h2>
					<p></p>
				</div>
			</div>
            <!-- <div class="edus_left2">
			    <div class="edus_time fadeInLeft-anim">
					<button class="edus_btn1">2008.02.14 2011.06.24</button>
				</div>
				<div class="line_edus"><span class="btn_edus"></span></div>
				<div class="edus_content_title fadeInRight-anim">
					<h1>高中 安徽省安庆市高河中学</h1>
					<h2>文科</h2>
					<p></p>
				</div>
			</div> -->
		</div>
	</div>
	<div class="opus item" id="opus" name="hjc">
		<div class="opus_title">
			<h1 class="h1_height">我的作品</h1>
			<div class="hr4"></div>
			<h2>我自己平时练习做的一些比较好的作品</h2>
		</div>
		<div class="opus_nav clear">
			<ul class="opus_type clear">
				<li class="nav_active">企业网站</li>
				<li>游戏网站</li>
				<li>移动端网站</li>
				<li>个人博客</li>
				<li>Ul作品</li>
			</ul>
		</div>
		<div class="opus_context_bg">
		    <div class="opus_warpper">
				<div class="opus_context clear">
					<ul class="opus_context_ul">
						<li><a href="demo/xinwannan/index.html"><img class="opus_img fadeInScale-1-anim" src="images/xwn_img.jpg" alt=""></a>
						<h2 class="opus_context_ul_text">新皖南工长俱乐部</h2>
						</li>

						<li><a href="demo/hydrosys/index.html"><img class="opus_img fadeInScale-1-anim" src="images/hdls_img.jpg" alt=""></a>
						<h2 class="opus_context_ul_text">海德利森官网</h2>
						</li>
						
					</ul>
					<ul class="opus_context_ul">
						<li><a href="demo/GPC/index.html"><img class="opus_img fadeInScale-1-anim" src="images/gpc_img.jpg" alt=""></a>
						<h2 class="opus_context_ul_text">GPC-游戏联赛交流网站</h2>
						</li>

						<!-- <li><a href="demo/xinwannan/index.html"><img class="opus_img" src="images/xwn_img.jpg" alt=""></a>
						<h2 class="opus_context_ul_text">新江南工长俱乐部</h2>
						</li> -->
						
					</ul>
					<ul class="opus_context_ul">
					    <li><a href="demo/bootstrap/index.html"><img class="opus_img fadeInScale-1-anim" src="images/bootstrap.png" alt=""></a>
					 	   <h2 class="opus_context_ul_text">响应式设计-使用bootstrap框架</h2>
						</li>
						<li><a href="demo/lantu/index.html"><img class="opus_img fadeInScale-1-anim" src="images/lantu_img.jpg" alt=""></a>
						<h2 class="opus_context_ul_text">兰涂科技移动官网</h2>
						</li>
						
					</ul>
					<ul class="opus_context_ul">
						<li><a href="demo/myblog1/myblog.html"><img class="opus_img fadeInScale-1-anim" src="images/myblog_img.jpg" alt=""></a>
						<h2 class="opus_context_ul_text">潘小窝-个人博客</h2>
						</li>

						<li><a href="index.html"><img class="opus_img fadeInScale-1-anim" src="images/myblog2_img.jpg" alt=""></a>
						<h2 class="opus_context_ul_text">我的简历-个人</h2>
						</li>
						
					</ul>
					<ul class="opus_context_ul">
						<li><a href="javascript:void(0)"><img class="opus_img fadeInScale-1-anim" src="images/xiaoqinxin_img.png" alt=""></a>
						<h2 class="opus_context_ul_text">一套手机小清新图标-UI</h2>
						</li>

						<!-- <li><a href="index.html"><img class="opus_img fadeInScale-1-anim" src="images/myblog2_img.jpg" alt=""></a>
						<h2 class="opus_context_ul_text">我的简历-个人</h2>
						</li> -->
						
					</ul>
			    </div>
		    </div>

		</div>
		
	</div>
	<div class="contact item" id="contact" name="hjc">
		<div class="con_title">
			<h1 class="h1_height">联系我</h1>
			<div class="hr4"></div>
			<h2>我的联系方式，和我沟通</h2>
		</div>
		<div class="form_panel">
		    <div class="my_message fadeInLeft-anim">
		    	<h2>联系方式</h2>
				<ul>
					<li>地址：河南省郑州市高新区</li>
					<li>手机：18303738807</li>
					<li>邮箱：976614314@qq.com</li>
					<li>网址：www.hjc.com</li>
				</ul>
		    </div>
		    <div class="send_email fadeInRight-anim">
		    	<h2>给我发送邮件</h2>
		    	<input type="text" class="input_name" placeholder="姓名">
		    	<input type="text" class="input_name" placeholder="邮箱">
		    	<input type="text" class="input_context" placeholder="内容">
		    	<button onclick="javascript:alert('建设中');">发送</button>
		    </div>
			

		</div>
	</div>
	<div class="my_SNS">
	     <div class="sns_context">
	     	   <ul>
	     	   	<li><a href="http://weibo.com/3560559824/profile?topnav=1&wvr=6&is_all=1" target="_blank">微博</a></li>
	     	   </ul>
	     	   <h3>
	     	   	All Rights Reserved 
	     	   </h3>
	     </div>
	</div>
	<script src="js/index.js" type="text/javascript"></script>
</body>
</html>